<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-type" content="text/css" />
<link rel="stylesheet" href="../css/base.css" type="text/css" media="all" />
<link rel="stylesheet" href="../css/top.css" type="text/css" media="all" />


<title>トップページ</title>
</head>

<body>
<div id="wrapper">

<div id="header">
	<h1><a href="top.html"><img src="images/head4.jpg" width="765px" height="110" alt="うるまかりゆし商店"/></a></h1>
	<ul>
		<li id="top"><span>トップページ</span></li>
		<li id="foods"><a href="./foods.html">食品</a></li>
		<li id="craft"><a href="./craft.html">民芸品</a></li>
		<li id="book_cd"><a href="./book_cd.html">本・CD</a></li>
		<li id="info"><a href="./cart.html">カートを見る</a></li>
		<li id="faq"><a href="#">お問い合わせ</a></li>
	</ul>
</div><!-- header_END -->

<div id="pagebody">

<div id="sidebar">

	<h2>ログイン</h2>
<div id="login">
	<form>
	<label class="sidelabel" for="identify"">お客様番号</label>
	<input type="text" id="identify"></input>
	<label class="sidelabel" for="pass">パスワード</label>
	<input type="text" id="pass"></input>
	<input type="submit" id="loginsub" value="送信" />
	</form>
	<a href="registration.html">新規登録</a>
</div><!-- login_END -->


</div><!-- sidebar_END -->

<div id="content">

	<div class="lead">
		<p>ようこそ！うるまかりゆし商店　ネットショップへ</p>
		<p>このページは架空の会社、NakCorp.のTOPページです。この箇所にはリードコピーが入る事を想定しています。
		このページは架空の会社、NakCorp.のTOPページです。この箇所にはリードコピーが入る事を想定しています。</p>
	</div><!-- lead_END -->

<!-- 以下カテゴリページへの移動バナー <a href="#"> ←ここにリンク先を入力 -->
<!-- ※<a>タグ属性の"name"は使用しない -->

	<div id="foods">
		<h3><a href="foods.html"><img src="./images/foods.jpg" width="400" height="80" alt="食品"/></a></h3>
		<p>このサイトは架空の会社、NakCorpの通販サイトです。この箇所は食品ページへのリンクです。</p>
	</div><!-- foods_END -->

	<div id="craft">
		<h3><a href="craft.html"><img src="./images/craft.jpg" width="400" height="80" alt="工芸品"/></a></h3>
		<p>このサイトは架空の会社、NakCorpの通販サイトです。この箇所は工芸品ページへのリンクです。</p>
	</div><!-- craft_END -->

	<div id="book_cd">
		<h3><a href="book_cd.html"><img src="./images/book_cd.jpg" width="400" height="80" alt="本・CD"/></a></h3>
		<p>このサイトは架空の会社、NakCorpの通販サイトです。この箇所は本・CDページへのリンクです。</p>
	</div><!-- book_END -->

<!-- カテゴリバナーここまで -->
			<h4>新着情報</h4>
		<dl>
			<dt>2010.12.24 FRI</dt>
			<dd>新作CD入荷しました</dd>
		</dl>
		<h4>お知らせ</h4>
		<dl>
			<dt>2010.12.24 FRI</dt>
			<dd>今年の営業は12/30迄</dd>
		</dl>


</div><!-- content_END -->
</div><!-- pagebody_END -->

<div id="footer">
	<ul>
		<li id="privacy"><a href="#" title="プライバシーポリシー">privacy</a></li>
		<li id="sitemap"><a href="#" title="サイトマップ">sitemap</a></li>
		<li id="info"><a href="#" title="お問い合わせ">info</a></li>
	</ul>

	<p>All rights reserved Nak Corporation &amp; Co.2010-2011</p>

</div><!-- footer_END -->

</div><!-- wrapper_END -->

</body>
</html>